<template>
  <div class="hello">
    <p>测试按钮：小</p>
    <eva-button type="small">測試</eva-button>
    <p>测试按钮：中</p>
    <eva-button type="medium">測試按鈕</eva-button>
    <p>测试按钮：大</p>
    <eva-button type="large">最終教條區</eva-button>
    <p>测试按钮：块级</p>
    <eva-button type="block">
      <span style="font-size: 32px;margin-top:10px;margin-bottom:20px;">さらば、全てのエヴァンゲリオン</span>
      <span style="font-size: 32px;margin-top:10px;margin-bottom:20px;">BYEBYE, ALL THE EVANGELION</span>
    </eva-button>
  </div>
</template>

<script>
import evaButton from './evaButton.vue';
export default {
  components: { evaButton },
  name: 'HelloWorld',
  props: {
    msg: String,
  },
};
</script>

<style scoped lang="scss">
.hello {
  margin: 20px;
}
.eva-button {
  margin-bottom: 20px;
}
</style>
